<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的薪资</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-blue/easyui.css">

</head>
<body>
<style type="text/css">
	*{
		margin:0px;
		padding:0px;
	}
	.background{
		width: 1116px;
	    height: 570px;
	    margin: 0px auto;
	    margin-top: 12px;
	    background-color: #FFF;
	}
	.notice-head{
		width: 1100px;
	    height: 45px;
	    border-bottom: 1px solid #F3F3F9;
	    color: #19AA9A;
	    font-size: 18px;
	    text-align: center;
	    line-height: 45px;
	    font-weight: 700;
	}
	.table{
		width: 1040px;
		margin:0px auto;
		margin-top:20px;
		border: 1px solid #E5E5E5;		
	}
	.datagrid-header .datagrid-cell span{
		color: #19AA9A;
	    font-size: 14px;
	    font-weight: 700;
	}
	.datagrid-header .datagrid-cell,.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
		text-align: center;
	} 
	.table .datagrid .panel-body{
	 	width: 1017px;
	}
	.datagrid-header{
		height:39px;
	}
	.datagrid-header-row, .datagrid-row {
   	 	height: 40px;
	} 
	.biao_button{
		background:#17AA8D;
		border-radius:3px;
		color:white;
		margin:0 4px;
		width:60px;
		height:25px;
		border:none;
		outline: none;
		cursor:pointer;
	}
	.biao_button_1{
		background:#d9534f;
		border-radius:3px;
		color:white;
		margin:0 4px;
		width:60px;
		height:25px;
		border:none;
		outline: none;
		cursor:pointer;
	}
	.biao_button_2{
		background:#17AA8D;
		border-radius:3px;
		color:white;
		margin:0 4px;
		width:75px;
		height:25px;
		border:none;
		outline: none;
		cursor:pointer;
	}
	.biao_button_2:hover{
		background-color:#13826B;
	}
	.biao_button:hover{
		background-color:#13826B;
	}
	.biao_button_3{
		background:#A8A8A8;
		border-radius:3px;
		color:white;
		margin:0 4px;
		width:75px;
		height:25px;
		border:none;
		outline: none;
		cursor:text;
	}
	.biao_button_3:hover{
		background-color:#6E6D6D;
	}
</style>
<script type="text/javascript">
	$(function(){
		var sid=$("#sid").val();
		$(".show-chaxun").datagrid({
			url:'finddetails?staff_id='+sid,
			singleSelect:true,			
			columns:[[{field:'staff_names',title:'用户',width:120},
				{field:'sp_thems',title:'发放主题',width:100},
				{field:'account_name',title:'所属套账',width:100},
				{field:'sa_base',title:'基本薪资(元)',width:100},
				{field:'si_money',title:'项目金额(元)',width:100},
           		{field:'sd_vacation',title:'请假(元)',width:100},
           		{field:'sd_overtime',title:'加班(元)',width:100},
      			{field:'sd_late',title:'迟到(元)',width:100},
      			{field:'sd_traffic',title:'缺勤(元)',width:100},
      			{field:'sd_absent',title:'旷工(元)',width:100},	          			
      			{field:'sd_le',title:'早退(元)',width:100},
      			{field:'sd_bonus',title:'全勤奖(元)',width:100},	          			
      			{field:'sd_yf',title:'应发工资(元)',width:100},
      			{field:'sd_count',title:'实发工资(元)',width:100},
      			{field:'code',title:'操作',width:100,
					formatter:function aa(value,row,index){
						return "<input class='biao_button' type='button' value='查看' onClick='look("+row.sd_id+")'/>";						
					}	
				}
      	]]
		});
	});
	function add(text){
		$("#content-admin").panel({
			href:text
		});
	}
	function look(sd_id){
		add("salary-ck-kaoqing?sd_id="+sd_id);
	}
</script>
	<div class="background">
		<div class="notice-head">我的薪资</div>
		<div class="table">
			<table class="easyui-datagrid show-chaxun" style="width:1020px;height:400px"></table>
		</div>
		<input type="hidden" id="sid" value="${sid}"/>
	</div>
</body>
</html>